<!--回弹业务数据字典---回弹仪器设备管理---查看-->
<template>
    <div class="department" id="department">
      <!-- 右侧 -->
      <div class="department_right">
        <div class="app-container-btn">
          <el-button type="primary" @click="yj_saveForm('formData')">
            保存
          </el-button>
          <el-button @click="goBack">返回</el-button>
        </div>
  
        <!-- 表格 -->
        <div class="text_table TensionRealTime">
          <div class="dialogBody common table_detail" style="overflow: hidden">
            <div style="overflow-y: auto; height: 100%">
              <div class="app-container-area-title">
                <span class="app-container-area-title-divider"></span>
                <span>基本信息</span>
              </div>
              <div class="publicForm">
                <publicForm
                  ref="publicForm"
                  lableWidth="125px"
                  :formObj="formObjText"
                  :formData="formData"
                  @inputChange="inputChange"
                  @clickDialog="clickDialog"
                  @inputFocus="inputFocus"
                >
                </publicForm>
              </div>
              <div class="mixProportion">
                <div class="titleBig">
                  <div class="title" style="width: 20%; border-left: none">
                    项目
                  </div>
                  <div class="title">水泥</div>
                  <div class="title">砂</div>
                  <div class="title title1" style="width: 24%">
                    <div class="title1_1">碎石</div>
                    <div class="title1_2">
                      <div class="title1_2_1" style="border-left: none">1</div>
                      <div class="title1_2_1">2</div>
                      <div class="title1_2_1">3</div>
                    </div>
                  </div>
                  <div class="title">水</div>
                  <div class="title">减水剂</div>
                  <div class="title title1" style="width: 16%">
                    <div class="title1_1">外渗料</div>
                    <div class="title1_2">
                      <div class="title1_2_2" style="border-left: none">
                        粉煤灰
                      </div>
                      <div class="title1_2_2">矿渣粉</div>
                    </div>
                  </div>
                  <div class="title">防水添加剂</div>
                </div>
                <div
                  class="titleSmall"
                  v-for="(v, i) in formData.materialList"
                  :key="i"
                >
                  <div
                    class="title2"
                    style="width: 20%; border-left: none"
                    v-text="v[0]"
                  ></div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[1]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[2]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[3]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[4]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[5]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[6]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[7]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[8]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[9]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                  <div class="title2">
                    <el-input
                      type="number"
                      v-model="v[10]"
                      placeholder="/"
                      :disabled="disabled"
                    ></el-input>
                  </div>
                </div>
              </div>
              <div class="publicForm" style="height: 80px">
                <publicForm
                  ref="publicForm0"
                  lableWidth="125px"
                  :formObj="formObjText1"
                  :formData="formData"
                  :timestamp="formData.fFillingfile"
                  :fileList="fSourcefileList"
                  @delteFile="delteFile"
                  @inputFocus="inputFocus"
                >
                </publicForm>
              </div>
            </div>
          </div>
        </div>
  
        <!-- 根据组织机构树选人 -->
        <!-- <div class="Control-1 mechanism_dialogS closure">
          <el-dialog
            :title="candidate"
            :modal-append-to-body="false"
            
            :visible.sync="dialogEditVisibleTree"
            v-loading="loadingEditDialogTree"
            element-loading-text="拼命加载中"
            element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(0, 0, 0, 0.2)"
          >
            <div
              class="dialogBody common"
              :style="{ height: '650px' }"
              style="overflow: hidden; width: 100%"
            >
              <div style="margin-bottom: 20px; height: 100%; width: 100%">
                <div
                  class="publicForm addMemberCheckBox"
                  style="height: calc(100% - 40px); overflow-y: auto; width: 100%"
                >
                  <div class="addMemberCheckTree">
                    <div class="companyBox">
                      <el-tree
                        :data="companyInfo"
                        :props="defaultProps"
                        @node-click="selectCompany"
                        :highlight-current="highlightBd"
                      ></el-tree>
                    </div>
                    <div class="departmentBox">
                      <div
                        class="departmentTitle"
                        v-for="(item, index) in departmentList"
                        :key="index"
                        @click="seletDepartment(item, index)"
                      >
                        <a
                          href="javascript:;"
                          :class="num === item.fDepartmentId ? 'activetext' : ''"
                          :title="item.fShortName"
                        >
                          {{ item.fShortName }}</a
                        >
                      </div>
                    </div>
                  </div>
  
                  <div class="addMemberCheckLeft">
                    <el-radio-group
                      v-model="checkboxGroup1"
                      @change="selectRealname($event, personList)"
                    >
                      <el-radio-button
                        v-for="item in personList"
                        :label="item.fUserid"
                        :key="item.fUserid"
                        :value="item.fRealname"
                      >
                        <div class="addMemberCheck">
                          <div class="MemberIcon">
                            <img :src="item.fGender == 0 ? girls : boys" alt="" />
                          </div>
                          <div class="MemberDetailInfos">
                            <div class="name">{{ item.fRealname }}</div>
                            <div class="hostName">{{ item.fDepartmentName }}</div>
                            <div class="hostName">{{ item.fAccount }}</div>
                          </div>
                        </div>
                      </el-radio-button>
                    </el-radio-group>
                  </div>
                </div>
              </div>
            </div>
            <div class="newlyAdded_btn" v-if="btnShow">
              <el-button type="primary" @click="submitMember()">保存</el-button>
              <el-button type="warning" @click="dialogEditVisibleTree = false"
                >关闭</el-button
              >
            </div>
          </el-dialog>
        </div> -->
      </div>
    </div>
  </template>
  
  <script>
  import actions from "@/actions";
  
  import {
    getConcreteRecipeByFid, //详情
    saveConcreteRecipe, //保存
    getTotalAmountDetail, //弹框2列表详情接口
    // getStationmachineByfMachineid, //调骨料名接口
    getBaseDepartmentUser, //查人员
  } from "@/api/request.js";
  import TableData from "@/components/HntManage/el-tables"; //主页面列表
  import Pagination from "@/components/public/el-pagination"; //主页面分页
  import publicForm from "@/components/public/el-form.vue"; //弹框form
  import formJs from "./regexDetail.js"; //新增弹框配置项
  
  export default {
    name: "HntMixProportionText",
    data() {
      return {
        name: "HntMixProportionText",
        // 分页
        navigatepageNums: null, //是否显示分页
        queryCriteriaData: {},
        // 分页
  
        // 弹框
        timeYMD: null, //当前日期
        btnShow: true,
        disabled: false,
        dialogTitle: "",
        loadingEditDialog: false, //弹框loading
        dialogEditVisible: false, //新增弹框是否显示
        formObjText: formJs.formObj,
        formObjText1: formJs.formObj1,
        formObj: formJs.formObj, //信息编辑配置参数
        formObjs: formJs.formObjs, //信息查看配置参数
        formObj1: formJs.formObj1, //信息编辑配置参数
        formObj1s: formJs.formObj1s, //信息查看配置参数
        formData: formJs.formData,
        recordfiles: [], //删除文件
        fSourcefileList: [],
        saveData: formJs.saveData,
        getUserInitialList: [], //人员列表初始值
        // 弹框
  
        // 弹框2
        loadingEditDialogSC: false, //弹框loading
        dialogEditVisibleSC: false, //新增弹框是否显示
        formObjSC: formJs.formObjSC, //生产任务单弹框
        baseData: formJs.baseData,
        isShow: false,
        navigatepageNums1: null, //是否显示分页
        queryCriteriaData1: {}, //分页
        aggregateData: ["骨料1", "骨料2", "骨料3", "骨料4", "骨料5"],
        tableData1: [],
        tableList: {
          companyid: "", // 施工标段id
          taskNumber: "",
          page: 1, // 当前页码
          pageSize: 3, // 每页显示条数
        },
        // 弹框2
        Fdata: null, //上级页面传参
        userInfo: {}, //登录用户
      };
    },
    components: {
      TableData, //主页面列表
      Pagination, //分页
      publicForm, //表单
    },
    created() {
      // var aaa = Date.parse(new Date());
      // aaa = aaa / 1000;
      // console.log("时间戳", aaa);
    },
    mounted() {
      actions.onGlobalStateChange((state, prev) => {
        this.userInfo = prev.currentUser;
      }, true);
  
      if (this.$route.query.status == 2) {
        this.getData();
        console.log(55, this.$route.query.status);
      } else {
        if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_Wbs_Deta"))) {
          var WbsList = JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_Wbs_Deta"));
          if (WbsList.fLongname != "" && WbsList.fLongname != null) {
            this.formData.fEnginerringpart = WbsList.fLongname;
          } else {
            this.formData.fEnginerringpart = WbsList.fName;
          }
          this.formData.fEnginerringid = WbsList.fNodeid;
        }
        this.formData.fInformantid = this.userInfo.id; // 填报人id
        this.formData.fInformantname = this.userInfo.userName; // 填报人名称
        var time = new Date();
        const y = time.getFullYear();
        const m = (time.getMonth() + 1 + "").padStart(2, "0");
        const d = (time.getDate() + "").padStart(2, "0");
        this.timeYMD = `${y}-${m}-${d}`;
        this.formData.fFillingdates = this.timeYMD; // 填报日期
        this.formData.fNoticedates = this.timeYMD; // 日期
        this.Fdata = JSON.parse(sessionStorage.getItem("GxEmbedded_HntMixProportion"));
        this.formData.fCompanyid = this.Fdata.fCompanyid; // 所属标段id
        this.formData.fCompanyname = this.Fdata.fCompanyname; // 所属标段名称
        this.formData.fProjectid = this.Fdata.fprojectid; // 所属项目id
        this.formData.fProjectname = this.Fdata.fProjectname; // 所属项目名称
        if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_treePeople"))) {
          var treePeopleData = JSON.parse(
            sessionStorage.getItem("GxEmbedded_coordinate_treePeople")
          );
          this.formData.fAppointstationtesterid = treePeopleData.fUserid;
          this.formData.fAppointstationtestername = treePeopleData.fRealname;
        }
      }
    },
    methods: {
      goBack() {
        // this.$router.back();
        this.$router.push("/hntManage/hntMixProportion");
        window.sessionStorage.removeItem("GxEmbedded_HntMixProportion");
        window.sessionStorage.removeItem("GxEmbedded_coordinate_Wbs_Deta");
      },
  
      // 获取详情
      getConcrete(id) {
        console.log(55555555555);
        if (id == "" || id == undefined) {
          getConcreteRecipeByFid({ fId: "" })
            .then((res) => {
              this.loadingEditDialog = false; //弹框loading
              this.formData = res.data.concreteRecipe;
  
              this.formData.fCompanyid = this.Fdata.fCompanyid; // 所属标段id
              this.formData.fCompanyname = this.Fdata.fCompanyname; // 所属标段名称
              this.formData.fProjectid = this.Fdata.fprojectid; // 所属项目id
              this.formData.fProjectname = this.Fdata.fProjectname; // 所属项目名称
              this.formData.fNoticedates = this.timeYMD; // 日期
              this.formData.fInformantid = this.userInfo.id; // 填报人id
              this.formData.fInformantname = this.userInfo.userName; // 填报人名称
              this.formData.fFillingdates = this.timeYMD; // 填报日期
            })
            .catch((err) => {
              console.log(err);
            });
        } else {
          getConcreteRecipeByFid({ fId: id })
            .then((res) => {
              this.loadingEditDialog = false; //弹框loading
              this.formData = res.data.concreteRecipe;
              this.fSourcefileList = res.data.fillingfile;
  
              if (JSON.parse(sessionStorage.getItem("GxEmbedded_coordinate_treePeople"))) {
                var treePeopleData = JSON.parse(
                  sessionStorage.getItem("GxEmbedded_coordinate_treePeople")
                );
                this.formData.fAppointstationtesterid = treePeopleData.fUserid;
                this.formData.fAppointstationtestername =
                  treePeopleData.fRealname;
              }
            })
            .catch((err) => {
              console.log(err);
            });
        }
      },
      // 保存
      yj_saveForm() {
        console.log(this.$refs.publicForm0.submitForm());
        if (
          this.$refs.publicForm.submitForm() &&
          this.$refs.publicForm0.submitForm()
        ) {
          this.getUserInitialList.map((v) => {
            if (this.formData.fAppointstationtestername == v.fRealname) {
              this.formData.fAppointstationtesterid = v.fUserid;
            }
          });
          this.saveData = {
            fId: this.formData.fId,
            userId: this.userInfo.id,
            userName: this.userInfo.userName,
            fProjectname: this.formData.fProjectname,
            fProjectid: this.formData.fProjectid,
            fCompanyname: this.formData.fCompanyname,
            fCompanyid: this.formData.fCompanyid,
            fSlumplower: this.formData.fSlumplower,
            fStartdates: this.formData.fStartdates,
            fPlancalculation: this.formData.fPlancalculation,
            fDesigncalculation: this.formData.fDesigncalculation,
            fEnginerringpart: this.formData.fEnginerringpart,
            fEnginerringid: this.formData.fEnginerringid,
            fEnginerringname: this.formData.fEnginerringname,
            fStrengthlevel: this.formData.fStrengthlevel,
            fProducetasknumber: this.formData.fProducetasknumber,
            fNoticedates: this.formData.fNoticedates,
            fRecipenumber: this.formData.fRecipenumber,
            fAppointstationtestername: this.formData.fAppointstationtestername,
            fAppointstationtesterid: this.formData.fAppointstationtesterid,
            fFillingdates: this.formData.fFillingdates,
            fInformantname: this.formData.fInformantname,
            fInformantid: this.formData.fInformantid,
            fMaterialdetailid: this.formData.fMaterialdetailid,
            fSlumpupper: this.formData.fSlumpupper,
            fFillingfile: this.formData.fFillingfile,
            recordfiles: this.recordfiles, // 删除文件id集合
            materialList: this.formData.materialList,
            fStationfile: this.formData.fStationfile,
          };
          saveConcreteRecipe(this.saveData)
            .then((res) => {
              if (res.errcode == 0) {
                this.$router.push("/hntManage/hntMixProportion");
                window.sessionStorage.removeItem("GxEmbedded_HntMixProportion");
                window.sessionStorage.removeItem("GxEmbedded_coordinate_Wbs_Deta");
              } else {
                this.$message.error(res.msg);
                console.log("接口报错");
              }
            })
            .catch((error) => {
              console.log(error);
            });
        } else {
          console.log("error");
        }
      },
  
      // 点击查看
      yj_viewForm(row, label) {
        this.row = row;
        this.fId = row.fId;
        if (label == "配合比通知单编号") {
          this.editText(this.fId);
        } else if (label == "生产任务单编号") {
          this.editText2(row);
        }
      },
  
      // 查看
      editText(id) {
        this.formObjText = this.formObjs;
        this.formObjText1 = this.formObj1s;
        this.dialogTitle = "查看";
        this.btnShow = false;
        this.disabled = true;
        if (id != "" && id != null) {
          this.loadingEditDialog = true; //弹框loading
          this.dialogEditVisible = true;
          getConcreteRecipeByFid({ fId: id })
            .then((res) => {
              if (res.errcode == 0) {
                var that = this;
                that.loadingEditDialog = false;
                this.formData = res.data.concreteRecipe;
                this.fSourcefileList = res.data.fillingfile;
              } else {
                this.$message.error("查看", res.msg);
                this.loadingEditDialog = false;
              }
            })
            .catch(() => {
              console.log("查看---详情接口报错");
              this.loadingEditDialog = false;
            });
        } else {
          return this.$message.error("请先选择需要查看的数据");
        }
      },
      // 弹框2
      editText2(row) {
        // if (row.fMachineid !== "" && row.fMachineid !== null) {
        this.dialogEditVisibleSC = true;
        this.loadingEditDialogSC = true;
        this.tableList.taskNumber = row.fProducetasknumber;
        this.tableList.companyid = row.fCompanyid;
        this.tableList.page = 1;
        // getStationmachineByfMachineid({ machineId: row.fMachineid })
        //   .then((res1) => {
        //     if (res1.errcode == 0) {
        // console.log(res1);
        // this.aggregateData = [
        //   res1.data.yjQmpMsStationmachine.fParm1,
        //   res1.data.yjQmpMsStationmachine.fParm2,
        //   res1.data.yjQmpMsStationmachine.fParm3,
        //   res1.data.yjQmpMsStationmachine.fParm4,
        //   res1.data.yjQmpMsStationmachine.fParm5,
        // ];
        this.isShow = true;
        getTotalAmountDetail(this.tableList)
          .then((res) => {
            if (res.errcode == 0) {
              console.log("任务单号详情", res);
              var that = this;
              that.dialogEditVisibleSC = true;
              that.loadingEditDialogSC = false;
              that.tableData1 = res.data.pageInfo.list;
  
              this.baseData = {
                F_ProduceTaskNumber: row.fProducetasknumber, // 生产任务编号
                F_EngineeringName: row.fEnginerringname, // 工程名称
                F_EngineeringPartName: row.fEnginerringpart, // 工程部位
                F_StrengthGrade: row.fStrengthlevel, // 强度等级
                F_DischargeDates: that.tableData1[0].F_DischargeDates, // 出料时间
              };
              that.queryCriteriaData1 = res.data.pageInfo; //分页信息
              that.navigatepageNums1 =
                that.queryCriteriaData1.navigatepageNums.length;
            }
          })
          .catch(() => {
            console.log("任务单详情接口报错");
          });
        //   }
        // })
        // .catch(() => {
        //   console.log("骨料名称接口报错");
        // });
        // } else {
        //   return this.$message.error("本条数据暂时没有生产记录");
        // }
      },
  
      // 驻拌合站试验人下拉框
      getUser(id) {
        getBaseDepartmentUser({ fCompanyid: id })
          .then((res) => {
            if (res.errcode == 0) {
              this.getUserInitialList = []; //人员列表初始值
              var getUser = {
                value: "",
                label: "",
              };
              var getUserList = []; //人员列表过滤后
  
              res.data.childList.map((v) => {
                if (v.fDepartmentId == this.userInfo.departmentId) {
                  this.getUserInitialList = v.personList;
                  this.getUserInitialList.map((v) => {
                    getUser = {
                      value: v.fRealname,
                      label: v.fRealname,
                    };
                    getUserList.push(getUser);
                  });
                }
              });
              this.formObj1[2].options = getUserList;
            } else {
              this.$message.error(res.msg);
              console.log("部门管理-查询部门列表以及下属人员,接口报错");
            }
          })
          .catch((error) => {
            console.log("部门管理-查询部门列表以及下属人员", error);
          });
      },
  
      getData() {
        if (JSON.parse(sessionStorage.getItem("GxEmbedded_HntMixProportion"))) {
          this.Fdata = JSON.parse(sessionStorage.getItem("GxEmbedded_HntMixProportion"));
          console.log("父数据", this.Fdata);
          this.getConcrete(this.Fdata.fId);
        }
        var time = new Date();
        const y = time.getFullYear();
        const m = (time.getMonth() + 1 + "").padStart(2, "0");
        const d = (time.getDate() + "").padStart(2, "0");
        this.timeYMD = `${y}-${m}-${d}`;
      },
  
      // 刪除
      delteFile(file) {
        for (let index = 0; index < this.fSourcefileList.length; index++) {
          if (file.uid == this.fSourcefileList[index].uid) {
            if (this.fSourcefileList[index].atta == undefined) {
              this.recordfiles.push({
                fId: this.fSourcefileList[index].fId,
              });
            } else {
              this.recordfiles.push({
                fId: this.fSourcefileList[index].atta.fId,
              });
            }
            this.fSourcefileList.splice(index, 1);
          }
        }
      },
      inputChange(value, index, prop) {
        return value, index, prop;
      },
      inputFocus(index, prop) {
        if (prop == "fAppointstationtestername") {
          this.$router.push({
            path: "/public/treePeople",
            query: {
              text: "砼-配合比",
            },
          });
        }
      },
      clickDialog(index, prop) {
        // 选工程部位
        if (prop == "fEnginerringpart") {
          // this.getDataList();
          this.$router.push({
            path: "/tensionManage/tensionTaskListTree",
            query: {
              text: "砼-配合比",
            },
          });
        }
      },
  
      // 多选方法
      selectionChange() {},
      // 排序方法
      sortChange() {},
    },
  };
  </script>
  
  <style scoped lang="less">
  .printTables {
    background: #fff;
    display: flex;
    justify-content: end;
    padding: 5px;
    margin-top: 10px;
  }
  
  .dialogBody {
    padding: 3px 20px;
    height: 99.8%;
    overflow-y: auto;
  }
  
  .baseTitle {
    /* border: 1px solid #0c204d; */
    border-bottom: 1px solid #0c204d;
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-left: 15px;
  }
  
  .baseTitle::after {
    display: block;
    content: "";
    height: 30px;
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
    background: #0c204d;
  }
  
  /* 砼配合比表格 */
  .mixProportion {
    width: 99%;
    height: 150px;
    margin: 20px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  
  .titleBig {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
  }
  
  .title {
    height: 100%;
    width: 8%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ccc;
    font-size: 12px;
    font-weight: 700;
  }
  
  .title1 {
    display: flex;
    flex-direction: column;
  }
  
  .title1_1 {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
  }
  
  .title1_2 {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .title1_2_1 {
    width: 33%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ccc;
  }
  
  .title1_2_2 {
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ccc;
  }
  
  .titleSmall {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #ccc;
    /* background: #0c204d; */
    display: flex;
  }
  
  .title2 {
    width: 8%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ccc;
  }
  
  .titleSmall /deep/ .el-input__inner {
    height: 27px !important;
    line-height: 26px !important;
    text-align: center;
    border: none;
  }
  
  .titleSmall /deep/ .el-input {
    line-height: 28px !important;
  }
  
  /* 砼配合比表格 */
  /* 任务单弹框 */
  .Multi_level_header /deep/.el-table__body-wrapper tr {
    height: 80px !important;
  }
  
  .Multi_level_header /deep/.el-table__body-wrapper .lineBoxhidden {
    height: 64px !important;
    line-height: 22px !important;
  }
  
  .Multi_level_header /deep/.el-table .el-table__body-wrapper .cell {
    height: 100% !important;
  }
  
  .materialClass /deep/.el-table tr:nth-child(4) {
    display: none;
  }
  
  #materialPage /deep/ .bgwarn2 {
    background: #e6a23c !important;
    color: #fff !important;
  }
  
  #materialPage /deep/ .bgwarn1 {
    background: #409eff !important;
    color: #fff !important;
  }
  
  #materialPage /deep/ .bgwarn3 {
    background-color: #f56c6c !important;
    color: #fff !important;
  }
  
  #materialPage /deep/ .bgwarn4 {
    background-color: rgb(212, 179, 137) !important;
    color: #fff !important;
  }
  
  /* 任务单弹框 */
  </style>
  